<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
       xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>Budget</title>
    
    <h:body>
        <style type="text/css"> 

body
{
background-image:url("http://www.ugtv2.es/wp-content/uploads/2012/12/Opera-Background-Light-Blue.jpg");


}
p.pos_fixed
{
position:fixed;
top:30px;
right:5px;
}

</style> 
         <h:form>
             
            <fieldset>
               <table>
                    <tr>
                     <td>Oficina Salida</td>
                      <td>
                       <p:selectOneMenu>
                        <!--<f:selectItems></f:selectItems>-->
                         <f:selectItem itemLabel="Seleccionar" itemValue="1"></f:selectItem>
                         <f:selectItem itemLabel="Ciudad de Mexico" itemValue="2"></f:selectItem>
                         <f:selectItem itemLabel="Cancun" itemValue="3"></f:selectItem>
                        </p:selectOneMenu>
                      </td>
                            <br>
                            </br>
                             <td><label for="discountnumber">Numero de cupon descuento</label></td>
                            <td><p:inputText placeholder="Digite el numero" id="discountnumber" size="13" ></p:inputText></td>
                         
                        </tr>
                         <tr>
                            <td>Oficina Llegada</td>
                            <td>
                            <p:selectOneMenu>
                                <!--<f:selectItems></f:selectItems>-->
                                <f:selectItem itemLabel="Seleccionar" itemValue="1"></f:selectItem>
                                <f:selectItem itemLabel="Ciudad de Mexico" itemValue="2"></f:selectItem>
                                <f:selectItem itemLabel="Cancun" itemValue="3"></f:selectItem>
                            </p:selectOneMenu>
                            </td>
                            
                            <br>
                            </br>
                            
                            <td><label for="enterprisediscount">Numero de descuento empresarial</label></td>
                             <td><p:inputText placeholder="Digite su numero " id="enterprisediscount" size="13" ></p:inputText></td>
                        </tr>
                        <tr>
                            <td>Fecha y hora salida</td>
                            <td><p:calendar pattern="dd-mm-yyyy hh:mm:ss" ></p:calendar></td>
                            <br>
                            </br>
                            <td><label for="frequentlyclient">Numero de cliente frecuente</label></td>
                            <td><p:inputText placeholder="Digite el numero" id="frequentlyclient" size="13" ></p:inputText></td>
                           
                        </tr>
                        <tr>
                            <td>Fecha y hora llegada</td>
                            <td><p:calendar pattern="dd-mm-yyyy hh:mm:ss" ></p:calendar></td>
                            </tr>
                       
                      </table>               
            </fieldset>
              
        </h:form>
        
        <p:accordionPanel activeIndex="false">
    <p:tab title="Linea Aerea">
        <h:panelGrid columns="2" cellpadding="10">
            <h:form>

                            <td>Linea Aerea</td>
                            <td><p:selectOneMenu>
                                <!--<f:selectItems></f:selectItems>-->
                                <f:selectItem itemLabel="Seleccionar" itemValue="1"></f:selectItem>
                                <f:selectItem itemLabel="Avianca" itemValue="2" ></f:selectItem>
                            </p:selectOneMenu></td>
                        <br></br>
                             <td><label for="flightnumber">No de vuelo</label></td>
                             <td><p:inputText placeholder="Numero de vuelo" id="flightnumber" size="20" ></p:inputText></td>
                        <br></br>
                             <td><label for="frequentlytraveler">No de viajero frecuente</label></td>
                             <td><p:inputText placeholder="Numero viajero frecuente" id="frequentlytraveler" size="20" ></p:inputText></td>
              </h:form>     
        </h:panelGrid>
    </p:tab>
         </p:accordionPanel>
         <h:form>
            
        <fieldset>
             <table>
                    <tbody>
        
                         <tr>
                            <td><label for="clientname">Nombre Cliente</label></td>
                            <td><p:inputText placeholder="Escribir nombre de cliente"  size="25" ></p:inputText></td>
                            
                            <td><label for="clientlastname">Apellido:</label></td>
                            <td><p:inputText   size="25" ></p:inputText></td>
                        </tr>
                       
                        <tr>
                            <td><label for="bornday">Fecha de Nacimiento</label></td>
                           <td><p:calendar id="DateofBirth" value="#{calendarBean.date1}" 
                        navigator="true"  pattern="dd/MM/yyyy"/> </td>
                           
                           <td><label for="age">Edad:</label></td>
                            <td><p:inputText  size="4" ></p:inputText></td>
                        </tr>
                        
                         <td>DIRECCIÓN</td>
                         <tr>
                            <td><label for="adress">Ciudad</label></td>
                            <td><p:inputText   size="25" ></p:inputText></td>
                             <td><label for="zipCode">Codigo Postal</label></td>
                            <td><p:inputText   size="25" ></p:inputText></td>
                             <td><label for="CodigoPais">Codigo Pais</label></td>
                            <td><p:inputText   size="5" ></p:inputText></td>
                        </tr>
                       
                        <tr>
                            <td><label for="phoneNumber">Telefono: 1</label></td>
                            <td><p:inputText placeholder="phoneNumber1"  size="10" ></p:inputText></td>
                            <td><label for="phoneNumber">Telefono: 2</label></td>
                            <td><p:inputText placeholder="phoneNumber2"  size="10" ></p:inputText></td>
                        </tr>
                        
                        <tr>
                            <td><label for="Email">CorreoElectrónico:</label></td>
                            <td><p:inputText placeholder="CorreoElectrónico@"  size="20" ></p:inputText></td>
                            <td><label for="driverlicense">Licencia de Conducción:</label></td>
                            <td><p:inputText  id="Dirección" size="10" ></p:inputText></td>
                        </tr>
                  
                        <tr>
                            <td><label for="Companyname">Nombre Empresa:</label></td>
                            <td><p:inputText placeholder="Nombre Empresa"  size="20" ></p:inputText></td>
                        </tr>
                          <tr>
                            <td><label for="alquilerdevehiculos">Frecuencia alquiler vehiculos en el año:</label></td>
                            <td><p:inputText  id="alquilerdevehiculos" size="4" ></p:inputText></td>
                        </tr> 
                         </tbody>    
               </table>        
        </fieldset> 
       </h:form> 
        
        <h:form> 
            
        <fieldset>
                
                <table>
                    <tbody>
        
                        <tr>
                            <td><label for="MVAnumber">Número MVA:</label></td>
                            <td><p:inputText   size="4" ></p:inputText></td>
                            <td><label for="Kilometraje Salida">Kilometraje Salida:</label></td>
                            <td><p:inputText  id="Kilometraje" size="10" ></p:inputText></td>
                        </tr>
                        
                        <tr>
                            <td><label for="Gas">Combustible Salida:</label></td>
                            <td><p:inputText   size="4" ></p:inputText></td>
                            <td><label for="Ubicación">Ubicación Vehiculo:</label></td>
                            <td><p:inputText  id="Ubicación" size="7" ></p:inputText></td>
                        </tr>
                        
                        </tbody>    
               </table>        
        </fieldset> 
             
       </h:form>
        <h:form> 
          
            
        <fieldset>
                <table>
                    <tbody>
        <p:selectManyCheckbox id="lineDirection">
            <f:selectItem itemLabel="LDW"/>
            <f:selectItem itemLabel="PAE"/>
            <f:selectItem itemLabel="ESP"/>
            <f:selectItem itemLabel="SLI"/>
        </p:selectManyCheckbox>
                        
                        </tbody>    
               </table>        
        </fieldset> 
                
       </h:form> 
        
         <h:form> 
            
             <fieldset>
                <table>
                    <tbody>
                            <tr>
                            <td><label for="codigotarifa">Codigo Tarifa </label></td>
                            <td><p:inputText   size="15" ></p:inputText></td>
                            </tr>
                         <tr>
                     <td>Metodo Pago</td>
                      <td>
                       <p:selectOneMenu>
                        <!--<f:selectItems></f:selectItems>-->
                         <f:selectItem itemLabel="Seleccionar" itemValue="1"></f:selectItem>
                         <f:selectItem itemLabel="Credit Card" itemValue="2"></f:selectItem>
                         
                        </p:selectOneMenu>
                      </td>
                     <td>Tipo Pago</td>
                      <td>
                       <p:selectOneMenu>
                        <!--<f:selectItems></f:selectItems>-->
                         <f:selectItem itemLabel="Seleccionar" itemValue="1"></f:selectItem>
                         <f:selectItem itemLabel="Credit Card" itemValue="2"></f:selectItem>
                         
                        </p:selectOneMenu>
                      </td><td>Prepago</td>
                      <td>
                       <p:selectOneMenu>
                        <!--<f:selectItems></f:selectItems>-->
                         <f:selectItem itemLabel="Seleccionar" itemValue="1" ></f:selectItem>
                         <f:selectItem itemLabel="Credit Card" itemValue="2"></f:selectItem>
                         
                        </p:selectOneMenu>
                      </td>
                            <br>
                            </br>
                             <td><label for="discountnumber">Autorizacion Bancaria</label></td>
                            <td><p:inputText  id="discountnumber" size="7" ></p:inputText></td>
                      </tr>
                        <br>
                            </br>
                        <td>
                          <h3>Comentarios</h3>
                          <p:inputTextarea rows="6" cols="33" /> 
                            
                            
                        </td>
                        
                        
                        </tbody>    
               </table>        
        </fieldset> 
             
       </h:form>  
        
         </h:body>
        </h:head>
</html>
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
   
